/*
  webpack.config.js webpack 配置文件

  commonjs
*/

const {
  resolve
} = require('path')

module.exports = {
  //-- 入口
  entry: resolve(__dirname, 'src/index.js'),
  //-- 输入
  output: {
    //-- 输出文件名
    filename: 'build.js',
    //-- 输出路径
    path: resolve(__dirname, 'build')
  },
  //-- loader 配置
  module: {
    rules: [
      //-- 详细 loader 配置
      {
        //-- 匹配文件
        test: /\.css$/,
        //-- 使用loader
        use: [
          //-- use 数组中 loader 执行顺序 从右到左 从下到上
          //-- 创建 style 标签 将js中的样式资源添加到 head 中
          'style-loader',
          //-- 将css 转成 commonjs 加载到js中
          'css-loader'
        ]
      },
      {
        test: /\.less$/,
        use: [
          'style-loader',
          'css-loader',
          //-- 将 less 文件 转成 css 需要下载 less less-loader
          'less-loader',
        ]
      }
    ]
  },
  //-- plugins 配置
  plugins: [
    //-- 详情 plugins 配置

  ],
  //-- 模式
  mode: 'development', //-- 开发模式
  // mode:'production'

}